Features (AddOns)

Service Up

InBox TableSort

Version 7.0.1

Creation date 14/08/2018

Resources

This module provides the ability to style tables in Znuny.

Prerequisites

Framework

The following Znuny framework versions are supported:

  • [7.0.x]

Modules

The following modules are required:

  • InBox Core 7.0.1 or superior

Operational system

The following operating systems are required:

  • [None]

Third Party Software

The following third party software is required:

  • [None]

Installation

bin/otrs.Console.pl Admin::Package::Install /path/to/InBox\ TableSort-7.0.1.opm

Configuration

This module can be configured via the 'System Configuration' in the administrative interface. The following configuration options are available:

Add JavaScript files

For the module to function correctly, it is necessary for the JS files below to be loaded in the client interface via loaderJS and in the attendant interface via the loader of the screen that contains the table to be styled.

Example for the action CustomerTicketOverview:

Go to "Administration > System Configuration":

image1

Search for: Loader::Customer::CommonJS###000-Framework

image2

Add the following files:

  • /inbox-thirdparty/DataTables-1.10.18/js/jquery.dataTables.min.js
  • Core.Agent.TableSortAdd.js

image3

For the AgentTicketQueue attendant screen, for example, the file must be loaded into the Loader::Module::AgentTicketQueue###002-Ticket

Save and deploy.

Add CSS files

For the module to function correctly, it is necessary for the CSS files below to be loaded in the client interface via loaderCSS and in the attendant interface via the loader of the screen that contains the table to be styled.

However, unlike the JS, which is the same for both interfaces, each interface (both the customer's and the attendant's) will have its own specific CSS files.

Example for the action CustomerTicketOverview:

Go to "Administration > System Configuration":

image1_4

Search for: Loader::Customer::CommonCSS###000-Framework

image5

Add the css files:

  • Core.Customer.TableSort.css
  • /inbox-thirdparty/DataTables-1.10.18/css/jquery.dataTables.min.css

image6

For the AgentTicketQueue attendant screen, for example, the file must be loaded into the Loader::Module::AgentTicketQueue###002-Ticket

image7

Add the css files (now different from those in the Customer interface):

  • Core.Agent.TableSort.css
  • /inbox-thirdparty/DataTables-1.10.18/css/jquery.dataTables.min.css

image8

Save and deploy.

Use

Once configured, the table will look like this:

image9